<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>客服聊天</title>
    <link rel="stylesheet" href="bootstrap.css">
    <link rel="stylesheet" type="text/css" href="robot.css">
</head>

<body>
    <input type="button" name="" value="联系客服" class="btn btn-info" data-toggle="modal" data-target="#model">
    <div class="modal fade" id="model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="dialogue-wrapper">
                    <div class="dialogue-main">
                        <div class="dialogue-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div class="dialogue-service-info">
                                <i class="dialogue-service-img"><img src="timg.jpg" alt="" width="100%" height="100%" style="border-radius: 50%;margin-top:-3px;"></i>
                                <div class="dialogue-service-title">
                                    <p class="dialogue-service-name">客服小七</p>
                                    <p class="dialogue-service-detail">客服 机器人小七为您服务</p>
                                </div>
                            </div>
                        </div>
                        <div id="dialogue_contain" class="dialogue-contain">
                            <p class="dialogue-service-contain"><span class="dialogue-text dialogue-service-text">您好，我是机器人小七，请问有什么可以帮您的吗？</span></p>
                            <!-- <p class="dialogue-customer-contain"><span class="dialogue-text dialogue-customer-text">我有个问题</span></p> -->
                        </div>
                        <div class="dialogue-submit">
                            <p id="dialogue_hint" class="dialogue-hint"><span class="dialogue-hint-icon">!</span><span class="dialogue-hint-text">发送内容不能为空</span></p>
                            <textarea id="dialogue_input" class="dialogue-input-text" placeholder="请输入您的问题，按Enter键提交（shift+Enter换行）"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="robot.js"></script>

</html>